// mat-card-title {
//   height: 62px;
//   line-height: 62px;
//   font-family: PingFangSC-Regular;
//   font-size: 44px;
//   color: #333333;
//   letter-spacing: -1.06px;
// }

.panel-app {
  // margin: 50px auto;
  background: #fff;
  padding-bottom: 399px;
  .bg {
    background: url("../../../../assets/img/my_bg.jpg") repeat;
    height: 200px;
    background-size: auto 100%;
    background-position: center center;
  }
  .hd {
    position: relative;
    span {
      position: absolute;
      top: -61px;
      left: 64px;
      margin-top: 5px;
      font-family: PingFangSC-Medium;
      font-size: 24px;
      color: #ffffff;
      letter-spacing: -0.58px;
    }
  }
  .bd {
    width: calc(100% - 40px);
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
    .i {
      height: 60px;
      line-height: 60px;
      border-bottom: 1px solid #f1f3fa;
      .label {
        width: 260px;
        font-family: PingFangSC-Regular;
        font-size: 16px;
        color: #333333;
        letter-spacing: -0.39px;
      }
      .ico {
        transform: translateX(-90px);
      }
      .info {
        width: 600px;
        transform: translateX(-16px);
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #999999;
        letter-spacing: -0.34px;
      }
      .action {
        width: 200px;
        text-align: right;
        a {
          font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #116ceb;
          letter-spacing: -0.34px;
          text-align: right;
          cursor: pointer;
          text-decoration: underline;
        }
      }
    }
  }
}

:host {
  min-height: calc(100vh - 60px - 161px);
  display: block;
  background: white;
}
